<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<script th:inline="javascript">
	window.rootPath = /*[[${#httpServletRequest.getContextPath()}]]*/
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/datatables/datatables.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/font-awesome-4.4.0/css/font-awesome.min.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/adminLET/poweradmincss/ionicons/css/ionicons.min.css}" />
<!-- Theme style -->
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/adminLET/poweradmincss/AdminLTE.css}" />
<!-- AdminLTE Skins. Choose a skin from the css/skins-->
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/adminLET/poweradmincss/skins/all-skins.min.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/css/mystlye.css}" />

<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/css/jquery.dataTables.min.css}" />

<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/css/app-crm-custom.css}" />
<!-- ztree-->
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/ztree/css/zTreeStyle.css}" />
<!--select2-4.0.3-->
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/select2-4.0.3/css/select2.min.css}" />
<!-- TODO 文件上传控件css引用 -->
<link
	th:href="@{/plugins/webupload/XYTipsWindow/jquery.XYTipsWindow.2.8.css}"
	rel="stylesheet" />
<link th:href="@{/plugins/webupload/webuploader/webuploader.css}"
	rel="stylesheet" />
<link
	th:href="@{/plugins/webupload/webfilesuploader/webfilesuploader.css}"
	rel="stylesheet" />

<link rel="stylesheet"
	th:href="@{/plugins/multiselect/jquery.multiselect.css}" />

<link rel="stylesheet" th:href="@{/plugins/jQuery/jquery-ui-1.10.4.css}" />

<link rel="stylesheet" th:href="@{/plugins/date-time/bootstrap-datetimepicker.min.css}" />

<script th:src="@{/plugins/jQuery/jQuery-2.1.4.min.js}"></script>
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/js/app-crm-custom.js}"></script>
<script th:src="@{/plugins/jQuery/jquery-ui-1.10.3.full.min.js}"></script>
<script th:src="@{/plugins/jQuery/jquery.qrcode.min.js}"></script>
<script th:src="@{/plugins/jQuery/jquery.raty.js}"></script>
<script th:src="@{/plugins/validform/validform.js}"></script>
<script th:src="@{/plugins/datatables/datatables.js}"></script>
<script th:src="@{/plugins/lodash.4.0.1.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<script th:src="@{/plugins/validform/validform.js}"></script>
<script th:src="@{/plugins/jQuery/jquery.slimscroll.js}"></script>
<script th:src="@{/plugins/adminLET/poweradminjs/app.min.js}"></script>
<script th:src="@{/js/myTable.js}"></script>
<script th:src="@{/js/myTree.js}"></script>

<script th:src="@{/plugins/date-time/bootstrap-datetimepicker.min.js}"></script>

<link rel="stylesheet" th:href="@{/plugins/loading/jquery.mloading.css}" />
<script th:src="@{/plugins/loading/jquery.mloading.js}"></script>

<script th:inline="javascript">
	/*<![CDATA[*/
	window.canReadCustomer = /*[[${canReadCustomer}]]*/' ';

	/*]]>*/
</script>
<!--crm-->
<script th:src="@{/js/crm.js}"></script>
<script th:src="@{/js/myAttachment.js}"></script>
<script th:src="@{/plugins/chartjs/echarts.min.js}"></script>
<!--ztree-->
<script th:src="@{/plugins/ztree/js/jquery.ztree.core-3.5.js}"></script>
<script th:src="@{/plugins/ztree/js/jquery.ztree.excheck-3.5.js}"></script>
<script th:src="@{/plugins/ztree/js/jquery.ztree.exedit-3.5.js}"></script>
<!--select2-4.0.3-->
<script th:src="@{/plugins/select2-4.0.3/js/select2.min.js}"></script>
<script th:src="@{/plugins/select2-4.0.3/js/zh-CN.js}"></script>



<!-- TODO 文件上传控件js引用 -->
<script th:src="@{/plugins/webupload/webuploader/webuploader.js}"></script>
<script
	th:src="@{/plugins/webupload/XYTipsWindow/jquery.XYTipsWindow.2.8.js}"></script>
<script
	th:src="@{/plugins/webupload/webfilesuploader/webfilesuploader.js}"></script>

<!-- 多选下拉菜单 -->
<script th:src="@{/plugins/multiselect/jquery.multiselect.min.js}"></script>
<style>
.unread {
	float: right;
	background: #e74c3c;
	width: 2em;
	border-radius: 50%;
	font-size: 0.75em;
	line-height: 2;
	text-align: center;
	animation: notificationpulse 0.5s infinite;
	-webkit-animation: notificationpulse 0.5s infinite;
	-moz-animation: notificationpulse 0.5s infinite;
}
.container{
	margin: 0;
	padding: 0;
	width: 100%;
}
/*the animations */
@keyframes notificationpulse {
  0% {
    box-shadow: 0 0 0 0.00em #c0392b;
  }
  25% {
    box-shadow: 0 0 0 0.25em #c0392b;
  }
  50% {
    box-shadow: 0 0 0 0.50em #c0392b;
  }
  75% {
    box-shadow: 0 0 0 0.25em #c0392b;
  }
  100% {
    box-shadow: 0 0 0 0.15em #c0392b;
  }
}
@-webkit-keyframes notificationpulse {
  0% {
    box-shadow: 0 0 0 0.00em #c0392b;
  }
  25% {
    box-shadow: 0 0 0 0.25em #c0392b;
  }
  50% {
    box-shadow: 0 0 0 0.50em #c0392b;
  }
  75% {
    box-shadow: 0 0 0 0.25em #c0392b;
  }
  100% {
    box-shadow: 0 0 0 0.15em #c0392b;
  }
}

@-moz-keyframes notificationpulse {
  0% {
    box-shadow: 0 0 0 0.00em #c0392b;
  }
  25% {
    box-shadow: 0 0 0 0.25em #c0392b;
  }
  50% {
    box-shadow: 0 0 0 0.50em #c0392b;
  }
  75% {
    box-shadow: 0 0 0 0.25em #c0392b;
  }
  100% {
    box-shadow: 0 0 0 0.15em #c0392b;
  }
</style>
</head>
<body>
	<div class="container" id="content">
		<!-- Main content -->
		<section class="content">
			<div class="box box-info">
				<div class="box-header with-border">
				</div>
				<div class="box-body">
					<div class="form-inline">
						<div class="input-group">
							<input type="text" id="search" class="form-control"
								placeholder="search..." style="width: 240px;" /> <span
								class="input-group-btn">
								<button type="button" class="btn btn-info searchBtn">查询</button>
								<button type="button" name="reset" id="reset-btn"
									class="btn btn-info resetBtn">撤消</button>
							</span>
						</div>
					</div>
				</div>
				<div class="box box-body">
					<table width="100%" id="dataTable"
						class="mytable dataTable table-bordered text-center table-striped table-hover">
						<thead>
							<tr>
								<th width="8%">序号</th>
								<th width="10%">事件名称</th>
								<th width="10%">登记时间</th>
								<th width="10%">所属网格</th>
								<th width="10%">事件类型</th>
								<th width="10%">严重登记</th>
								<th width="15%">内容</th>
								<th width="15%">备注</th>
								<th width="8%">操作</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</section>
	    <script th:src="@{/userTrajectoryHistory/info/QTouchIndexEventFollow.js}"></script>
	</div>

</body>
</html>